<template>
    <div class="mui-numbox" data-numbox-min="1" style="height:25px;">
      <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
      <input id="test" class="mui-input-numbox" type="number" :value="num" @change="numgb" ref="numbox" readonly>
      <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
    </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    numgb(){
      // console.log(this.$refs.numbox.value)
      this.$emit('mynum',parseInt(this.$refs.numbox.value))
       console.log(this.$refs.numbox.value,this.ids)
        this.$store.commit('updatacarlist',{id:this.ids,count:this.$refs.numbox.value})
     }
  },
  mounted() {
     mui('.mui-numbox').numbox()
       
  },
  props:['num','ids']
};
</script>

<style scoped>
</style>
